<template>
    <div class="goodsdesc-container">
       <h3>{{info.title}}</h3>
       <hr>
       <div class="content" v-html=" info.content "></div>
    </div>
</template>

<script>
export default {
    data(){
        return{
            info:{}, //图文数据
            id:this.$route.params.id
        }
    },
    methods: {
        getGoodsDesc(){
            this.$http.get('api/goods/getdesc/'+this.id).then(result=>{
                if(result.body.status===0){
                    this.info=result.body.message[0]
                }
            })
        }
    },
    created () {
        this.getGoodsDesc()
    }
}
</script>

<style lang="less" >
.goodsdesc-container{
    padding:4px;
   h3{
       font-size:22px;
       color:#226aff;
       text-align:center;
       margin-top: 45px;
       
   }
   .content{
       font-size:18px;
       img{
          width:100%;
       }
   }

}

</style>